@font-face {font-family: "dami";
    src: url('../font/dami.eot?t=1498141030265'); /* IE9*/
    src: url('../font/dami.eot?t=1498141030265#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/dami.woff?t=1498141030265') format('woff'), /* chrome, firefox */
    url('../font/dami.ttf?t=1498141030265') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/dami.svg?t=1498141030265#dami') format('svg'); /* iOS 4.1- */
}
.no{
	width: 100%!important;
}
.noWorld{
	text-indent: 2em;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 4px 35px;
    color: #666;
    line-height: 22px;
    font-size: 16px;
}
.iz{
    font-family:"dami" !important;
    font-size:16px;
    font-style:normal;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.iz-type:before { content: "\e60d"; }
.iz-qq:before { content: "\e606"; }
.iz-sina:before { content: "\e60a"; }
.iz-pinglun:before { content: "\e61d"; }
.iz-user:before { content: "\e600"; }
.iz-sort:before { content: "\e603"; }
.iz-search:before { content: "\e61d"; }
.iz-qrcode:before { content: "\e6be"; }
.iz-down:before { content: "\e609"; }
.iz-share:before { content: "\e608"; }
.iz-xiazai:before { content: "\e659"; }
.iz-laiyuan:before { content: "\e601"; }
.iz-time:before { content: "\e633"; }
.iz-qzone:before { content: "\e665"; }
.iz-jifen:before { content: "\e60e"; }
.iz-demo:before { content: "\e602"; }
.iz-jinbi:before { content: "\e6c7"; }
.iz-chakan:before { content: "\e65a"; }
.iz-edit:before { content: "\e60f"; }
.icon-nan:before { content: "\e662"; }
.icon-nv:before { content: "\e661"; }
.icon-cang:before { content: "\e600"; }
.icon-cang1:before { content: "\e658"; }
::-webkit-scrollbar {width:10px;height:10px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#e2e2e2}
::-webkit-scrollbar-thumb {border-radius:0;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:hover {background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active {background-color:rgba(0,0,0,.38)}
.layui-nav{    background-color: #03241e;}
body{background:#F2F2F2;font-family: 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1';}
.layui-header{position:fixed;top:0;width:100%;left:0;background-color:#03241e;}
.page-wb{width:1200px;margin:0 auto;}
.page-wb:after{content:'';display:block;clear:both;}
.page-left{float:left;}
.page-right{float:right;}
.login,.reg{padding:0 0 0 20px !important;}
.layui-mt5{margin-top:5px;}
.layui-mt10{margin-top:10px;}
.layui-mt20{margin-top:20px;}
.layui-mt30{margin-top:30px;}
.layui-mb10{margin-bottom:10px;}
.layui-mb20{margin-bottom:20px;}
.layui-mr10{margin-right:10px;}
.layui-mr20{margin-right:20px;}
.layui-ml10{margin-left:10px;}
.layui-ml20{margin-left:20px;}
.hide{display:none;}
.layui-layout{margin-top:60px;}
.logo{width:100%;background:url(../images/huazhonglogo.png) no-repeat left center;height:60px;text-indent:-9999px;    background-size: 100% 65px;}
.logo a{display:block;height:100%;width:100%;}
.top-user{padding: 0!important;}
.top-user dd a {padding: 0 15px!important;}
.top-user .layui-nav-child a i { position: relative;top: 2px;margin-right: 10px;font-size: 20px;}
.top-user .iz-user{font-size:24px;height:60px;overflow:hidden;}
.top-user .layui-nav-child {left: auto;right: 0;width: 120px;min-width: 0;}
.top-user .layui-nav-bar{display: none !important;}
.top-avatar img {width: 35px;height: 35px;margin-right: 10px;;border-radius: 100%;background: #fff;}


.layui-banner{height:400px;width:100%;position:relative;z-index:10;overflow:hidden;}
.rainbow{width:1200px;height:400px;position:relative;z-index:9;overflow:hidden;margin:0 auto;}
.rainbow div{width:4px;height:4px;position:relative;border-radius:4px;opacity:0;z-index: 11;}
.rainbow div:after{width:100px;height:100px;content:"";display:block;transform:rotate(45deg);position:relative;top:-48px;left:22px}
.rainbow .red{background:#ff3030;top:0;left:300px;animation:rainbows 1.15s infinite linear;animation-delay:.15s;}
.rainbow .red:after{border-left:1px solid #ff3030}
.rainbow .orange{background:#cd6600;top:30px;left:400px;animation:rainbows 1.45s infinite linear;animation-delay:.35s;}
.rainbow .orange:after{border-left:1px solid #cd6600}
.rainbow .yellow{background:#ffd700;top:20px;left:600px;animation:rainbows 1200ms infinite linear;animation-delay:.55s}
.rainbow .yellow:after{border-left:1px solid #ffd700}
.rainbow .green{background:#7fff00;top:0;left:800px;animation:rainbows 1.5s infinite linear;animation-delay:.75s}
.rainbow .green:after{border-left:1px solid #7fff00}
.rainbow .cyan{background:#6ca6cd;top:30px;left:960px;animation:rainbows 1.25s infinite linear;animation-delay:.95s}
.rainbow .cyan:after{border-left:1px solid #6ca6cd}
.rainbow .blue{background:#4169e1;top:40px;left:1100px;animation:rainbows .75s infinite linear;animation-delay:1.15s}
.rainbow .blue:after{border-left:1px solid #4169e1}
.rainbow .purple{background:#9932cc;top:20px;left:1200px;animation:rainbows 1.5s infinite linear;animation-delay:1.85s}
.rainbow .purple:after{border-left:1px solid #9932cc}
@keyframes rainbows{0%{opacity:0;transform:scale(0) translate(0, 0)}50%{opacity:1;transform:scale(1) translate(-100px, 100px)}100%{opacity:0;transform:scale(1) translate(-500px, 500px)}}
.banner-img{width:101%;height:400px;background-image: url(../images/banner.svg);background-size: cover;position:absolute;top:0;left:-5px;z-index:8;}
.searchBox{width:450px;height:36px;padding:5px 10px 5px 50px;position:absolute;left:50%;margin-left:-245px;top:200px;background:#fff;z-index:9;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;overflow: hidden;}
.searchBox i{color:#bbb;width:46px;height:46px;line-height:46px;text-align:center;position:absolute;top:0;left:0;font-size:22px;}
.searchBox input[type=text]{border:0;height:36px;line-height:36px;width:360px;background:none;}
.searchBox input[type=button]{position:absolute;right:0;top:0;height:46px;width:90px;font-size:16px;}

.layui-hot {margin-top: 20px}
.layui-hot .layui-tab-content {padding: 0;}
.layui-hot .layui-tab-title{text-align:center;}
.layui-hot>.layui-tab-title .layui-this{color:#234;font-size:16px;}
.layui-hot>.layui-tab-title .layui-this:after{border:0;border-bottom:3px solid #5FB878;}

.fly-case-list{margin-top:15px;font-size:0;}
.fly-case-list li,.layer-ext-ul li{display: inline-block;vertical-align: middle; *display: inline; *zoom:1; font-size: 14px; background-color:#fff;}
.fly-case-list{width:1216px;min-height:500px;margin:15px -8px 0 -8px;}
.fly-case-list li{width:268px;margin:0 8px 15px 8px;padding:10px;}
.fly-case-list li:hover{box-shadow: 1px 1px 5px rgba(0,0,0,.1);}
.fly-case-img{position:relative;display:block;}
.fly-case-img img{width:100%;height:199px;}
.fly-case-img i{position:absolute;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background:rgba(0,0,0,.2);top:40px;left:50%;margin-left:-50px;color:#fff;font-size:24px;text-align:center;line-height:100px;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.fly-case-img:hover i{opacity:1;width:48px;height:48px;line-height:48px;margin-left:-24px;top:66px;}
.fly-case-list li h2{padding: 10px 0 5px;line-height:22px;font-size:18px;text-align:center;height:24px;}
.fly-case-list li h2 a:hover{color:#FF5722;}
.fly-case-desc{height:40px; line-height: 20px;font-size:12px; color:#666;overflow:hidden;}
.fly-case-info{position:relative;margin:10px 0 0;padding-top:10px;border-top: 1px dotted #eee;}
.fly-case-info p{height:24px; line-height:24px;}
.fly-case-info .layui-elip{color:#666;}
.fly-case-info .layui-elip span{float:right;}

.layui-index .layui-tab-content{padding:0;}
.layui-index>h2{height:20px;line-height:20px;border-left:6px solid #234;font-size:18px;padding-left:10px;float:left;margin:10px 0;}
.layui-index>ul{text-align:right;}

.layui-link h2{border-bottom:1px solid #e2e2e2;padding:10px 0;margin-bottom:10px;}
.layui-link h2 span{display:inline-block;padding-left:10px;height:20px;line-height:20px;border-left:6px solid #234;font-size:18px;}
.layui-link a{display:inline-block;margin-right:15px;border-bottom:1px dotted #f1f1f1;}
.layui-link a:hover{border-bottom:1px dotted #567;}

/* footer */
.layui-footer{background-color: #393D49;color:rgba(255,255,255,.7);font-size:12px;line-height:26px;padding:20px 0 20px;}
.layui-footer .subLogo img{filter:alpha(opacity=60);opacity:0.6;}
.layui-footer .subLogo h2{border-left:1px #515253 solid;font-size:15px;line-height:1.2;padding-left:10px;margin-left:90px;}
.layui-footer .footerUl{text-align:right;line-height: 20px;}
.layui-footer .footerUl li{line-height: 23px;}
.layui-footer .footerUl a{color:rgba(255,255,255,.7);}
.layui-footer .footerUl a:hover{color:#fff;}
/* footer End */
.type-list{margin-top:70px;padding:3px 15px 0 15px;background:#fff;font-size:14px;margin-bottom: 15px;}
.tag-top{padding:5px 20px;}
.type-list h1{line-height:20px;height:20px;border-left:5px solid #009688;padding-left:10px;font-size:18px;margin:10px 0;}
.type-list dl{margin:10px 0;border-bottom:1px dotted #e2e2e2;padding-bottom:10px;}
.type-list dl.sort a{margin-right:20px;}
.type-list dl.sort a.on{color:#FF5722;background: #EBEBEB;}
.type-list dl dt{float:left;width:145px;color:#009688;font-weight:bold;}
.type-list dl dt i{font-weight:normal;}
.type-list dl dd{width:1015px;float:right;}
.type-list dl a{padding:2px 8px;margin:2px 0;display:inline-block;}
.type-list dl a.on{background:#5FB878;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}

.page-wb div.layui-breadcrumb{margin:5px 0;display:inline-block;line-height:30px;width:100%;}
.layui-laypage{text-align:center;width:100%;}
.layui-laypage a,.layui-laypage span{height:37px;line-height:37px;font-size:14px;}
.layui-laypage a.current{background:#5FB878;color:#fff;}
.page-content{width:850px;float:left;}
.page-show{width:820px;padding:15px;background:#fff;}
.show-title{border-left:5px solid #009688;padding:0 0 0 10px;margin-bottom: 15px;}
.show-title h1{font-size:20px;line-height:30px;}
.show-title p,.show-title p i{font-size:13px;line-height:22px;color:#666;}
.show-title p i{vertical-align:top;}
.show-body{padding:20px 0;line-height:2;font-size:14px;border-top: 1px solid #f0f0f0;}
.show-body img{max-width:790px;}
.down-demo{padding-bottom:20px;}
.down-thumb{float: left;width: 280px;height: 210px;}
.down-img {width:270px;height:200px;padding:4px; border: 1px solid #e4ecf3;}
.down-info {float: left;width:530px;padding-left: 10px;}
.down-info .price {line-height:40px;height:40px;background:#F0F0F0;padding: 0 10px;color: #FF5722;}
.down-info .price em {font-size: 28px;padding-right: 10px;}
.down-info .price span{font-size: 0.5em;line-height: 0.6em;}
.down-info .price a {color: #818486;font-size: 14px;}
.down-info .lei {font-size: 12px;color: #8f98aa;margin-top:20px;} 
.down-info .lei li{float: left;width: 50%;line-height: 30px;} 
.down-info .btn { margin-top: 15px;}
.down-info .btn .down{background-color: #5FB878;}
.down-info .btn .demo{background-color: white;color: #5FB878;border: 1px solid #5FB878;margin-left: 20px;}
.down-demo em{font-style:normal;}
.show-tags span{display:inline-block;}
.show-tags .layui-btn,.down-demo em.layui-btn{cursor:default;}
.page-wb span.layui-breadcrumb{margin-left:10px;}
.page-more{width:336px;float:right;}

#wrap{position: relative;overflow: hidden;}
#gradient{display: none;width:100%;height:100px;position: absolute;bottom: 0;left: 0;background: -moz-linear-gradient(bottom,rgba(255,255,255,.7),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,.7)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,.7),rgba(255,255,255,0));}
#read-more{text-align: center;padding-top: 10px;}
#read-more a{height: 32px;font-size: 16px;color:#de686d;background:#fff;border: 1px solid #de686d;border-radius: 4px;line-height: 30px;}
#read-more a:hover{color:#fff;background: #de686d;}

.share{position:fixed;top:110px;left:50%;margin-left:-660px;width:50px;-webkit-font-smoothing:none;-webkit-text-stroke-width:0 !important;-moz-osx-font-smoothing:antialiased;}
.social-share a{width:50px !important;height:50px !important;line-height:50px !important;margin:0 0 1px 0 !important;font-size:30px !important;background-color:#9F9F9F;color:#fff !important;border-radius:2px !important;opacity:.35 !important;border:0 !important;}
.social-share a:hover{opacity:.25 !important;}
.social-share a i{font-size:30px;text-align:center;height:50px;width:50px;line-height:50px;display:block;}
.social-share .social-share-icon{font-family:dami !important;font-weight:normal !important;}
.social-share .icon-weibo:before{content:'\e60a' !important;font-family:dami !important;}
.social-share .icon-qq:before{content:'\e606' !important;font-family:dami !important;}
.social-share .icon-qzone:before{content:'\e665' !important;font-family:dami !important;}

.page-commnet{background:#fff;padding:15px;}
.page-commnet h2{height:40px;}
.page-commnet h2 span{height:20px;font-size:18px;border-left:5px solid #009688;padding-left:10px;}
.avatar{width:50px;height:50px;display:block;position:absolute;top:0;left:0;}
.avatar img {width:50px;height:50px;}
.comment-box {padding: 10px 0 20px;}
.comment-box .more-comment{text-align:center;padding:0 0 10px 0;}
.comment-box .comment-item {position:relative;margin-bottom:25px;padding-left:65px;min-height: 67px;line-height: 1.6;color: #323232;	border-bottom:1px dotted #D4D4D4;}
.comment-box form.comment-item {border-bottom: 0;}
.comment-box .comment-item:last-child {	border-bottom: 0;}
.comment-box .comment-item .comment-bd,
.comment-box .comment-item .comment-ft {margin-bottom:26px;word-wrap:break-word;margin-top:7px;}
.comment-box .comment-item .comment-hd {word-wrap: break-word;font-size:13px;}
.comment-box .avatar,.comment-box .reply-item form>.avatar{top: 0;}
.comment-box .username1 {margin-right: 10px;}
.comment-box .cmt-txt a{color:#72B939;}
.comment-box .commment-time {color:#999;}
.comment-vcode {padding:5px 0px;}
.comment-box .username1 {color:#009688;}
.comment-box .commment-time {color:d2d2d2;}
.comment-box .reply-btn {float:right;color:#5FB878;font-size:12px;}
.comment-box .cmt-txt {line-height: 1.6;}
.comment-box .reply-item {padding-top: 10px;border-top: 1px dotted #D4D4D4;	border-bottom-style: none;}
.comment-box .reply-item .avatar{top: 10px;}
.comment-box .more-comment {margin-bottom: 10px;}
.comment-box a {color:#72B939;}
.login-tip{text-align:center;padding:10px 0;}
.comment-box .comment-textarea{border:1px solid #ddd;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px;}
.comment-box .comment-textarea textarea{width:100%;height:70px;border:0;}

.page-more .right-list{background:#fff;}
.page-more .right-list h2{padding:10px 15px;line-height:20px;background:#f9f9f9;font-size:16px;}
.page-more .right-list h2 span{border-left:5px solid #009688;padding-left:10px;}
.page-more .right-list h2 em{font-style:normal;float:right;font-size:12px;}
.page-more .right-list h2 em i{font-size:12px;}
.page-more .right-list ul{padding:10px 20px;}
.page-more .right-list ul li{border-bottom:1px dotted #f1f1f1;line-height:36px;height:36px;}
.page-more .right-list ul li a{max-width:240px;display:inline-block;}
.page-more .right-list ul li span{float:right;}
.page-more .right-list .tag-list{padding:10px 20px;}

.tag-list a{background-color:#428bca;color:#fff;display:inline-block;line-height:21px;margin:0 5px 5px 0;opacity:.8;padding:0 6px}
.tag-list{padding:3px 0 8px 16px}
.tag-list a:nth-child(9n){background-color:#4a4a4a}
.tag-list a:nth-child(9n+1){background-color:#428bca}
.tag-list a:nth-child(9n+2){background-color:#5cb85c}
.tag-list a:nth-child(9n+3){background-color:#d9534f}
.tag-list a:nth-child(9n+4){background-color:#567e95}
.tag-list a:nth-child(9n+5){background-color:#b433ff}
.tag-list a:nth-child(9n+6){background-color:#00aba9}
.tag-list a:nth-child(9n+7){background-color:#b37333}
.tag-list a:nth-child(9n+8){background-color:#f60}
.tag-list a{opacity:.80;filter:alpha(opacity=80);color:#fff;background-color:#428bca;display:inline-block;margin:0 5px 5px 0;padding:0 6px;line-height:21px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;}
.tag-list a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none;color:#fff}

.tag-more{background:#fff;margin-top:70px;}
.tag-more h1{height:50px;line-height:50px;background:#f9f9f9;padding:0 20px;font-size:18px;}
.tag-more .tag-list{padding:30px 20px;}
.tag-more .tag-list a{margin:0 10px 10px 0;}

.member-box{background:#fff;margin-top:80px;padding:60px 40px;min-height: 600px;}
.member-box .member-nav{text-align:center;height:40px;border-bottom:1px solid #f1f1f1;}
.member-box .member-nav a{display:inline-block;width:120px;line-height:40px;border:1px solid #fff;border-bottom:0;font-size:16px;}
.member-box .member-nav a.on{border:1px solid #f1f1f1;border-bottom:0;background:#fff;}
.member-box .member-form ul{width:360px;margin:30px auto;}
.member-box .member-form ul li{width:100%;height:60px;}
.member-box .member-form ul li>span{line-height:30px;font-size:12px;color:#FF5722;display:none;}
.member-box .member-form ul li input.layui-input{width:100%;display:inline-block;}
.member-box .member-form ul li input.layui-btn,.member-box .member-form ul li button.layui-btn{width:100%;}
.member-box .member-form ul li img{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;}
.member-box .member-form .layui-form-label,.layui-layer-content .ckeckBoxLogin .layui-form-label{float:none;width:auto;display:inline-block;position:relative;top:4px;}
.layui-layer-content .ckeckBoxLogin .layui-form-label{border:0;vertical-align:middle;background:transparent;top:3px;}
.layui-layer-content .ckeckBoxLogin .layui-input-block{margin-left:102px;}
.member-form h4{height:60px;font-size:18px;line-height:60px;padding-left:110px;margin-bottom:20px;}

.page-banner{height:200px;width:100%;background:url(../images/banner-top.jpg) no-repeat;margin-top:60px;}
.page-about{width:1200px;margin:-44px auto 0 auto;}
.page-menu{height:44px;line-height:44px;background:#eee;}
.page-banner h2{height:50px;border-left:50px solid #fff;padding-left:10px;display:inline-block;font-size:42px;line-height:50px;width:1200px;margin:50px auto;color:#fff;}
.page-menu ul{display:inline-block;width:1000px;text-align:left;height:50px;vertical-align:top;}
.page-menu ul li{display:inline-block;width:120px;font-size:16px;text-align:center;position:relative;}
.page-menu ul li.on:after{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:7px solid #009688;position:absolute;top:44px;left:50%;margin-left:-8px;display:block;content:'';}
.page-menu ul li a{width:100%;height:43px;display:block;border-bottom:1px solid #eee;}
.page-menu ul li.on a,.page-menu ul li a:hover{color:#009688;border-color:#009688;}
.page-body{background:#fff;padding:40px 20px;min-height: 450px;color: rgb(127, 127, 127);font-size: 16px;}
.page-body p{line-height: 2em;}

.page-member-menu{height:44px;line-height:44px;width:100%;display:inline-block;background:#e9e9e9;margin-top:160px;}
.member-top{height:150px;margin-top:-106px;position:relative;}
.member-face{height:140px;width:140px;border:5px solid #fff;float:left;}
.member-face img{width:140px;height:140px;}
.member-info{width:300px;float:left;margin-left:15px;height:40px;line-height:40px;margin-top:30px;}
.member-info .member-name{font-size:22px;color:#fff;}
.member-info .member-name span{display:inline-block;padding:2px 5px;height:14px;line-height:14px;background:#5FB878;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin-left:10px;font-size:12px;vertical-align:middle;}
.member-top .sign-btn{position:absolute;top:30px;right:100px;}
.member-money{width:300px;height:30px;line-height:30px;}
.member-money i{font-size:16px;}
.member-money a{display:inline-block;margin-right:20px;color:#fff;}

.member-menu{width:1000px;float:left;margin-top:36px;}
.member-menu .layui-nav{background:transparent;color:#333;}
.member-menu .layui-nav li.layui-nav-item{line-height:44px;}
.member-menu .layui-nav .layui-nav-item a{color:#333;}
.member-menu .layui-nav .layui-nav-item a:hover{color:#5FB878;}

.member-main{background:#fff;padding:10px 20px;margin-top:20px;}
.member-main a{color:#009688;}
.member-main a:hover{border-bottom:1px dotted #009688;color:#009688;}
.member-main .layui-elem-field{margin:20px 0;}
.member-main .layui-elem-field legend a{font-size:12px;line-height:26px;margin-left:30px;color:#c2c2c2;}
.member-main .layui-field-box ul li{line-height:34px;border-bottom:1px dotted #d2d2d2;}

.member-form{padding:30px 100px;}

.member-avatar-left{width:160px;float:left;}
.member-avatar-left h2{height:20px;line-height:20px;font-size:18px;border-left:5px solid #009688;padding-left:10px;margin-bottom:15px;}
.member-avatar-left img{width:150px;height:150px;}
.member-avatar-right{width:770px;float:left;margin-top:30px;}

.layui-title{height:20px;background:#fcfcfc;line-height:20px;padding:10px 20px;}
.layui-title h2{padding-left:10px;height:20px;line-height:20px;border-left:5px solid #009688;font-size:18px;}
.layui-title h2 span{float:right;font-size:14px;}
.member-article{min-height:106px;}
.member-form .layui-form-select dl{z-index:9999;}

.topic_add{border: 1px solid #d4d4d4;width:748px; font-size: 14px; padding: 30px;}
.topic_add_ul li{margin:0 0 0}
.topic_add_ul label{text-align: left; vertical-align: top; width: 70px; display: inline-block; height: 30px; line-height: 30px;}
.label_right{width:665px;vertical-align: top;}
.label_right a{padding:0 5px;background:#e2e2e2;height:24px;line-height:24px;display:inline-block;}
.label_right a:hover{border:0;}
.topic_add .text{border: 1px solid #cccccc; height: 28px; padding: 3px 6px; width:450px; font-size: 12px; line-height: 28px}
.label_right em{border:1px solid #ccc; cursor: pointer; display: inline-block; font-size: 14px; height: 32px; line-height: 32px; padding: 0 11px; margin:0 22px 0 0}
.label_right em.current{border-color:#e9630a; position: relative; color:#e9630a}
.label_right em:hover{color:#e9630a}
.label_right em.current i{background: url("../images/righbt.png") no-repeat scroll 0 0; bottom: -1px; display: block; height: 14px; position: absolute; right: -1px; width: 15px;}
.tags{background-color: #fff; border: 1px solid #d5d5d5; color: #777; display: inline-block; padding: 4px 6px; vertical-align: middle; width:506px;min-height:80px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;}
.tags:hover{outline: 0 none;}
.tags[class*="span"]{float: none; margin-left: 0;}
.tags input[type="text"], .tags input[type="text"]:focus{border: 0 none; box-shadow: none; display: inline; line-height: 14px; margin: 0; outline: 0 none; padding: 0; width: 100%;}
.tags .tag{background-color: #91b8d0; color: #fff; display: inline-block; font-size: 12px; font-weight: normal; margin-bottom:3px;margin-right:3px;height:24px;padding:0 22px 0 9px; position: relative; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); transition: all 0.2s ease 0s; white-space: nowrap;line-height:24px;vertical-align: middle;}
.tags .tag .close{bottom:0; color: #fff; float: none; font-size: 12px; line-height: 20px; opacity: 1; position: absolute; right: 0; text-align: center; text-shadow: none; top: 0; width: 18px;}
.tags .tag .close:hover{background-color: rgba(0, 0, 0, 0.2);}
.close{color: #000; float: right; font-size: 21px; font-weight: bold; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #fff;}
.close:hover, .close:focus{color: #000; cursor: pointer; opacity: 0.5; text-decoration: none;}
button.close{background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; padding: 0;}
.tags .tag-warning{background-color: #ffb752;}

.wendaslider{border-bottom:1px dotted #c2c2c2;padding:10px;}
.wendaslider dl{float:left;width:850px;}
.wendaslider dl dt{height:34px;line-height:34px;}
.wendaslider dl dd{font-size:12px;line-height:26px;color:#c2c2c2;}
.wendaslider dl dd i{font-size:14px;vertical-align:middle;}
.wendaslider .replynumber{display:inline-block;width:200px;margin:12px 0;}
.wendaslider .replynumber:hover{border:0;}
.wendaslider .replynumber>div{width:100px;float:left;text-align:center;}


.infoCommentBlock {padding:20px 0;border-bottom:1px dashed #e5e5e5;overflow:hidden}
.infoCommentBlock.last,.infoPerBlock.last {border-bottom:none}
.infoCommentBlock .leftPicBlock,.infoCommentBlock .leftPicBlock a {display:block;height:36px;width:36px;}
.leftPicBlock {float:left;text-align:center;width:50px;overflow:hidden;}
.infoCommentBlock .leftPicBlock img {border-radius:100%;height:36px;width:36px;}
.centerBlock {float:left;line-height:22px;padding-left:10px;}
.infoCommentBlock span.title {color:#888;display:inline-block;margin-bottom:5px;}
span.title a.blue:link,span.title a.blue:visited {color:#5188a6;text-decoration:none;}
.infoCommentBlock .centerBlock a.blue {font-weight:bold;padding-right:5px;}
.infoCommentBlock .infoNews {color:#555;}
.infoNews,.infoWords {color:#888;line-height:1.6em;margin-bottom:5px;}
.infoCommentBlock .infoNews p {color:#555;font-size:14px;font-weight:normal;margin:0;}
.objectBlock {border:1px solid #e2e2e2;display:block;height:56px;overflow:hidden;padding:5px;}
.objectBlock .pic,.relaObj .pic {background-color:#fff;border:1px solid #e6e6e6;display:block;float:left;height:50px;padding:2px;text-align:center;width:50px;}
.objectBlock .objTitle,.relaObj .objTitle {display:inline-block;font-size:14px;margin-bottom:4px;padding-left:10px;width:600px;}
.rightBlock {float:right;text-align:right;width:125px;}
.infoCommentBlock .time {height:auto;line-height:22px;margin-bottom:4px;}
.rightBlock .time {height:26px;line-height:26px;}
.rightBlock .time {color:#999;display:block;margin-bottom:5px;}

.noorder{text-align:center;padding:50px 0;}

.page-topic{margin-top:80px;}
.topic-list,.article-list{width:850px;float:left;background:#fff;}
.topic-list .layui-tab-title,.article-list .layui-tab-title{padding:0 20px;}
.topic-list .layui-tab-title li,.article-list .layui-tab-title li{padding:0;}
.topic-list .layui-tab-title li:after,.article-list .layui-tab-title li:after{border-top:2px solid #009688;}
.topic-list .layui-tab-title li a{height:100%;padding:0 35px;}
.article-list .layui-tab-title li a{height:100%;padding:0 15px;}
.topic-list .layui-tab-title li.layui-this a,.article-list .layui-tab-title li.layui-this a{color:#009688;}
.topic-right{width:336px;float:right;}
.article-list .tag-top{margin-top:0;border-bottom:1px #f2f2f2 solid}

.layui-article .artlist{padding:15px 0;border-bottom:1px dashed #c2c2c2;}
.layui-article .artlist .artlist-pic{width:180px;height:135px;float:left;}
.layui-article .artlist .artlist-pic img{height:100%;width:100%;}
.layui-article .artlist .artlist-info{width:610px;float:right;}
.layui-article .artlist .artlist-info h4{font-size:20px;padding-bottom:9px;line-height:24px;}
.layui-article .artlist .artlist-info .artlist-item,.layui-article .artlist .artlist-info .artlist-item i{font-size:12px;color:#d2d2d2;}
.layui-article .artlist .artlist-info p{line-height:1.8;font-size:13px;min-height: 70px;}
.layui-article .artlist .artlist-keyword{margin-top:10px;}
.layui-article .artlist .artlist-keyword a{padding:2px 4px;background:#fcfcfc;color:#5FB878;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin-right:5px;}
.layui-article .artlist .artlist-keyword a:hover{background:#f2f2f2;}

.wenda-list,.layui-article{padding:0 20px;min-height: 600px;}
.wenda-listcon{border-bottom:1px dotted #e2e2e2;padding:10px 0;position:relative;}
.headslider{left:0;overflow:hidden;position:absolute;text-align:center;top:30px;width:90px;}
.headslider .wenda-head{background:#ccc none repeat scroll 0 0;border-radius:20px;display:inline-block;height:40px;line-height:0;overflow:hidden;width:40px;}
.headslider .wenda-nickname {color:#787d82;display:block;font-size:12px;line-height:1.8em;overflow:hidden;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;}
.wendaslider {margin-left:120px;min-height:85px;padding:10px 0 0 0;position:relative;word-break:break-all;word-wrap:break-word;}
.wendaslider .replynumber {color:#787d82;font-size:12px;height:51px;position:absolute;right:0;text-align:center;top:10px;}
.hasanswernum .ys {color:#00b33b;}
.ys,.browsenum {float:left;height:31px;margin:10px 0;width:50px;}
.wenda-list .wendaslider{border:0;}
.wendaslider .replynumber .number {height:12px;line-height:12px;padding-bottom:7px;}
.wendaslider .wendaquetitle {color:#363d40;font-size:14px;line-height:20px;position:relative;}
.wendaslider .wendaquetitle .wendatitlecon {overflow:hidden;padding-left:28px;word-break:break-all;word-wrap:break-word;}
.wendaslider .wendaquetitle .wendatitle {font-weight:bold;line-height:20px;}
.replymegfooter {color:#c8cdd2;font-size:12px;line-height:24px;margin-top:5px;padding:10px 0 10px 27px;}
.replymegfooter .keyword-list,.replymegfooter .wenda-time {float:left;margin-right:20px;}
.replymegfooter .wenda-time em,.page-topic .page-more .right-list ul li em{font-style:normal;}
.replymegfooter .keyword-list a{padding:2px 5px;background:#f1f1f1;}
.replymegfooter .keyword-list a:hover{background:#e2e2e2;}

.page-more .layui-btn{width:100%;padding:0;}
.page-topic .page-more .right-list ul li em{font-size:12px;height:20px;width:20px;line-height:20px;text-align:center;background:#FF5722;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;color:#fff;margin-right:10px;margin-top:8px;float:left;}
.page-topic .page-more .right-list ul li i{font-style:normal;font-size:12px;float:right;color:#5FB878;}

.member-article .wendaslider{margin-left:0;padding-left:25px;min-height:70px;padding-top:5px;}
.member-article .wendaslider .replynumber{top:0;margin:11px 0;}

pre.prettyprint{margin:12px 0;}
.pln{color:#000}
@media screen{.str{color:#080}
.kwd{color:#008}
.com{color:#800}
.typ{color:#606}
.lit{color:#066}
.pun,.opn,.clo{color:#660}
.prettyprint .tag{color:#008}
.atn{color:#606}
.atv{color:#080}
.dec,.var{color:#606}
.fun{color:red}
}
@media print,projection{
.str{color:#060}
.kwd{color:#006;font-weight:bold}
.com{color:#600;font-style:italic}
.typ{color:#404;font-weight:bold}
.lit{color:#044}
.pun,.opn,.clo{color:#440}
.prettyprint .tag{color:#006;font-weight:bold}
.atn{color:#404}
.atv{color:#060}
}
pre.prettyprint{padding:2px;border:1px solid #888}
ol.linenums{margin-top:0;margin-bottom:0}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}
li.L1,li.L3,li.L5,li.L7,li.L9{background:none;}
.prettyprint,
pre.prettyprint {
    background-color: #272822;
    border: none;
    overflow: hidden;
    padding: 10px 15px;
}
.prettyprint.linenums,
pre.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
    box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
}
.prettyprint.linenums ol,
pre.prettyprint.linenums ol {
    margin: 0 0 0 30px;
    padding:0;
}
.prettyprint.linenums ol li,
pre.prettyprint.linenums ol li {
    text-indent:0;
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    margin-left: 0;
    list-style: decimal;
    margin-bottom: 0;
    word-wrap:break-word;
}
.prettyprint *{font-family:'courier new',monospace;}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn, 
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str, 
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd, 
.prettyprint .tag { color: #F92659; }
.prettyprint .typ, 
.prettyprint .atn, 
.prettyprint .dec, 
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }

/*签到*/
.table_sign{background:#fff;margin:30px 0;text-align:center;line-height:38px;border-spacing:2px;width:512px;text-align:center;}
.table_sign thead tr{color:#666;background:#f1f1f1;}
.table_sign tbody tr{height:70px;}
.table_sign tr:hover{background:none;}
.table_sign th{font-weight:normal}
.table_sign td{width:70px;}
.table_sign td>div{position:relative;width:100%;height:100%;}
.table_sign td>div>i{position:absolute;height:16px;width:16px;background:url(../images/sign.png) no-repeat;bottom:-15px;right:-15px;}
.today{background-color:#00bb00;cursor:pointer;}
.sign{background:#ffddb9;}
.table_sign.layui-table th{text-align:center;}
.table_sign.layui-table thead tr:hover{background:#f1f1f1;}
.sign-info{width:590px;}
.sign-info p{line-height:2;font-size:14px;}

/*演示*/
.demoHeader{background:#393D49;height:50px;line-height:50px;z-index:100;}
.demoHeader h1{height:28px;line-height:28px;margin:11px 35px;border-left:5px solid #5FB878;color:#eee;font-size:18px;padding-left:10px;}
.demoHeader .demoHeader-icon{color:#eee;}
.demoHeader .demoHeader-icon a,.demoHeader .demoHeader-icon span{margin-right:40px;color:#eee;}
.demoHeader .demoHeader-icon span{position:relative;display:inline-block;height:50px;}
.demoHeader .demoHeader-icon span:hover em{display:inline-block;}
.demoHeader .demoHeader-icon span em{padding:10px;width:102px;height:102px;position:absolute;top:50px;left:-14px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;z-index:99999;}
.demoHeader .demoHeader-icon span em:before{width:0;height:0;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';display:block;position:absolute;top:-8px;left:50%;margin-left:-8px;}
#demoFrame{width:100%;}

.hotBox{background:#e6e6e6;height:70px;float:left;width:150px;margin:20px 25px 0 0;position:relative;}
.hotBox img{margin:5px;height:60px;width:140px;}
.hotBox:hover{background:#5FB878;}
.hotBox dl{position:absolute;top:70px;left:0;width:134px;max-height:80px;z-index:9;padding:0 8px 10px 8px;overflow:hidden;display:none;}
.hotBox dl dt{font-weight:bold;height:20px;line-height:20px;}
.hotBox dl dt a{color:#fff;}
.hotBox dl dd{font-size:12px;line-height:1.7;color:#fff;margin-top:5px;padding-bottom:4px;max-height:58px;overflow:hidden;}
.hotBox:hover dl{background:#5FB878;}

.page-favorite .layui-field-box{padding:20px;}
.page-favorite .layui-field-box ul:after{content:'';display:block;clear:both;}
.page-favorite .layui-field-box ul li{width:20%;float:left;line-height:30px;}
.page-favorite .layui-field-box ul li i{font-size:12px;color:#999;}

.c404{text-align:center;margin-top:50px;color:#999;}
.c404 h2{font-size:160px;line-height:200px;}
.c404 h4{font-size:20px;line-height:50px;}
.copy404{width:1200px;margin:50px auto 0 auto;float:none;}
.copy404 p{text-align:center;border-top:1px solid #e6e6e6;padding-top:10px;}

blockquote{padding:10px 15px;background:#fafafa;border-left:3px solid #eee;margin:10px 0;}

#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main{background-image:none !important;}
#comment #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w,#comment #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w,#comment #SOHUCS #SOHU_MAIN .module-cmt-footer .section-service-w .service-wrap-w a{display:none !important;}
#SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw{background-image:url(../images/post-btn.png) !important;}
.cy_cmt_count{float:none !important;margin-left:5px;}
/*会员*/
.tpt-sidebar{background:#fafafa;margin:0 0 20px 0;padding-top:25px}
.fly-home{position:relative;padding:15px;text-align:center}
.fly-home img{width:90px;height:90px;border-radius:100%;background: #ddd;}
.fly-home h1{font-size:26px;line-height:30px;margin-top:10px}
.fly-home h1 i {font-size: 20px;padding-right: 5px;}
.fly-home h1 .iz-qq {font-size: 19px;color:#f60;}
.fly-home h1 .icon-nan {color: #4EBBF9;}
.fly-home h1 .icon-nv {color: #F581B1;}
.fly-home-sign{color:#999;margin:10px 0}
.fly-home-info{color:#999;margin-top:10px}
.fly-home-info p {width:33%;text-align: center;line-height: 20px;}
.fly-home-info p + p{border-left: 1px solid #e3e3e3;}
.fly-home-info i{padding-right:5px;padding-left:10px;color:#666}
/*download*/
#download {width: 100%;z-index: 20001;font-family: "Microsoft YaHei";display: none;}
#download .resource_info{padding: 0 20px;}
#download .resource_img {margin: -48px auto 0;padding: 30px 30px;width: 40px;height: 40px;border-radius: 100%;background-color:#8D8D8D;}
#download .resource_img img {display: block;width: 100%;height: 100%;max-width: 100%;border: none;}
#download .resource_title {padding-bottom: 10px;}
#download .resource_title h3 {padding-top: 20px;font-size: 18px;line-height: 28px;color: #4f4f4f;text-align: center;overflow: hidden;height: 28px;white-space: nowrap;text-overflow: ellipsis;}
#download table {margin-top: 15px;width: 100%;}
#download table tr td {text-align: center;font-family: "Microsoft YaHei";}
#download table tr td span,.dl_popup_new table tr td strong,.dl_popup_new table tr td em {display: inline-block;line-height: 27px;}
#download table tr td span {font-size: 14px;color:#999;font-weight: lighter;}
#download table tr td strong {font-size: 20px;font-weight: normal;}
#download .mark {color: #FF5722;}
#download .markz {color: #ca0c16;}
#download .markx {color: #009688;}
#download .noC {padding: 10px 0 10px;text-align: center;font-weight: bold;}
#download .noC span {font-size: 16px;color: #2c3033;}
#download .noC .cWrap {font-style: normal;font-size: 16px;}
#download .resource_btn {padding: 10px 0;text-align: center;}
#download .space_bar {padding: 5px 0;width: 100%;position: relative;text-align: center;}
#download .space_bar .tit {display: inline-block;padding: 0 20px;font-size: 14px;line-height: 20px;color: #4f4f4f;background-color: #fff;}
#download .space_bar:after {display: block;content: "";width: 100%;height: 1px;background-color: #e5e5e5;position: absolute;left: 0;top: 15px;z-index: -999;}
#download .resource_tips {text-align: center;font-size: 12px;color: #333;margin-bottom: 10px;}
/*评论*/
.comment-respond {margin-bottom: 20px;}
.comment-form {margin-top: 15px;}
.comment-form-comment textarea {width: 100%;height: 60px;padding: 4px 10px;line-height: 22px;border: 1px solid #efefef;border-bottom-color: #f5f5f5;outline: 0;vertical-align: top;box-sizing: border-box;    max-width: 100%;}
.form-submit {padding: 5px 10px;margin: 0;background: #fbfbfb;border: 1px solid #efefef;border-top: 0;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;overflow: hidden;}
.form-submit-text {font-size: 13px;line-height: 30px;color: #666;}
.form-submit-text span {color: #3ca5f6;}
.form-submit .submit {display: inline-block;width: auto;height: auto;padding: 7px 16px;font-size: 14px;line-height: 1.2;color: #fff;background-color: #3ca5f6;border: 0;outline: 0;border-radius: 3px;}
.form-submit .submit:hover{background-color:#4285f4}
.form-submit .avatars {width: 30px;height: 30px;margin-right: 10px;vertical-align: top;border-radius: 50%;}
.form-submit-text span {color: #3ca5f6;}
.form-submit .seccode {display: inline-block;width: auto;height: auto;}
.form-submit .seccode img {border: 1px solid #d3d3d3;}
.form-submit .code {display: inline-block; width: 60px;height: 18px;padding: 5px 8px; margin: 0 10px;border: 1px solid #d3d3d3;background-color: #fff;}
.comments-title {font-size: 18px;padding: 15px 0 10px;font-weight: 500;border-bottom: 1px solid #e4eaec;}
.comments-list {padding: 0;margin: 0 0 20px;list-style: none;}
.comments-list .depth-1 {padding: 15px 0;border-bottom: 1px solid #efefef;}
.comment-author {float: left;width: 45px;margin-right: 20px;}
.comment-author img {width: 45px;height: 45px;border-radius: 50%;}
.comment-body .nickname {margin-bottom: 2px;font-size: 14px;font-weight: 400;line-height: 22px;color: #3ca5f6;}
.comment-body .comment-time {display: inline-block;position: relative;margin-left: 5px;padding-left: 9px;font-size: 14px;line-height: 22px;font-weight: 400;color: #ccc;vertical-align: top;}
.comment-text {padding-left: 60px;font-size: 14px;line-height: 1.6;color: #666;}
.comment-text p:last-child {margin-bottom: 0;}
.pagination {display: block;text-align: center;margin-top: 10px;padding-bottom: 10px;}
.pagination .current {color: #fff;background: #3ca5f6;}
.pagination a.page-active, .pagination a:hover{color:#fff;background:#4285f4;cursor:pointer;text-decoration:none;}
.pagination a, .pagination span {display: inline-block;padding: 7px 8px;margin-left: 5px;color: #999;line-height: 1;background-color: #f2f2f2;box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05);border-radius: 2px;overflow: hidden;transition: all 200ms ease-in-out;vertical-align: top;}
/*index上传和下载*/
.index-gun {height: 204px;margin: 15px -10px 0 -10px;overflow: hidden;}
.index-down li{padding-right: 10px;padding-left: 10px;margin-bottom: 10px;}
.index-down .down-list{height: 58px;line-height: 55px;padding: 0 12px 0 8px;background:#fff;}
.index-down .down-user span{color:#FF5722;padding: 0 20px;font-weight: bolder;}
.index-down .down-list img{width:auto;height: 42px;display: inline-block;border-radius: 50%;background: #ddd;opacity: 0.9;}
.index-down .down-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 0;font-weight: bold;}
.index-down .down-time {text-align: right;color: #5fb878;white-space: nowrap;}
.index-down .down-time i{vertical-align: baseline;font-size: 10px;padding: 0 5px;}
/*登陆页*/
.more-sign {text-align: center;}
.more-sign-title {position: relative;margin:20px 0;padding: 0;font-size: 14px;line-height: 16px;color: #666;font-weight: normal;}
.more-sign-title:before {content: "";border-top: 1px solid #ddd;display: block;position: absolute;width: 100%;top: 8px;}
.more-sign-title span {position: relative;z-index: 1;padding: 0 20px;background: #fff;}
.more-sign-list {list-style: none !important;padding: 0 !important;margin: 0;}
.more-sign-list .li {display: inline-block;margin: 0 8px;padding: 4px 10px;line-height: 22px;border: 1px solid #e5e5e5;-webkit-border-radius: 3px;border-radius: 3px;font-size: 14px;}
.more-sign-list .li a {color: #666;}
.more-sign-list .li:hover a {color: #e05244;text-decoration: none;}

.layui-laypage a, .layui-laypage span {
	background-color: rgb(242, 242, 242);
}
.layui-laypage select {
	background-color: #f2f2f2;
	    height: 30px;
}
